<template>
    <div class="common-layout">
        <div>
            <table style=" border: 1px rgb(242,242,242);">
                <tr style=" border: 1px solid;"><td colspan="7" style="text-align:center; background-color:rgb(242,242,242)">基础护理项目</td></tr>
                <tr style=" border: 1px solid;"><td style="background-color:rgb(242,242,242);width: 50px;"></td><td style="background-color:rgb(242,242,242)">项目名称</td><td style="background-color:rgb(242,242,242)">项目费用(元)</td><td style="background-color:rgb(242,242,242)">收费方式</td><td style="background-color:rgb(242,242,242)">所需时间(分钟)</td><td style="background-color:rgb(242,242,242)">所属类别</td><td style="background-color:rgb(242,242,242)">项目简介</td></tr>
                <tr><td >1</td><td style="width:200px ;">医疗服务(评估、查房巡诊)</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >2</td><td>护理服务(评估、查房)</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >3</td><td>膳食服务(送餐至房间、喂饭或鼻饲喂水)</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >4</td><td>清洁照护(穿脱衣物、口腔护理、皮肤护理、会阴护理、面部清洁、梳头、擦浴、洗澡、足部护理、理发)</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >5</td><td>睡眠照护(夜间巡视)</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >6</td><td>排泄照护(二便管理)</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >7</td><td>洗涤服务</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >8</td><td>翻身扣背</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td >9</td><td>移动照护</td><td >-</td><td>月收</td><td>基础护理</td><td></td></tr>
                <tr><td >10</td><td>床单位清洁</td><td >-</td><td>月收</td><td></td><td>基础护理</td><td></td></tr>
                <tr><td style=" border: 1px solid; background-color:rgb(242,242,242);" colspan="2">护照等级费用</td><td colspan="5" style="text-align:left ">5800元/月</td></tr>
            </table>
        </div>
    </div>
</template>
    
    
<script lang="ts" setup>
import { Search } from "@element-plus/icons-vue";
import { ref } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import { ElNotification } from "element-plus";
import type { TabsPaneContext } from 'element-plus'

const activeName = ref('first')

const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
}
const value = ref("")
const labelPosition = ''

const time = [{
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
},]

</script>
    
    
<style scoped>
.common-layout {
    width: 1200px;
    height: 1000px;
}
table{
    text-align: center;
    margin-top: -600px;
    width: 1000px;
    height: 600px;
}
.header {
    width: 1000px;
    height: 300px;
    background-color: aliceblue;
    
}
.el-menu-demo{
    width: 1150px;
}
.el-menu-item {
    width: 150px;
}
td{
    border: 1px solid rgb(242,242,242);
}
.one {
    width: 800px;
    height: 100px;
}

img {
    width: 100px;
    height: 100px;
}

span {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}

.img {
    float: left;
    border-radius: 10px;
}

.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
}

.i {
    width: 70px;
    height: 70px;
}
</style>